<template>
    <el-dialog width="50%"
               :visible="requestFormSaveVisible"
               @close="RequestFormSaveClose" slot="title">
        <div slot="title" style="margin-bottom: 34px;">
            <span class="labelName" style="color: #333333;font-size: 16px">您的申请单：{{applyNo}}，已经保存，请到申请记录中查看</span>
            <span class="labelName" style="color: #333333;font-size: 16px">You application form: {{applyNo}} has been saved successfully.
            Please check the application record</span>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button @click="RequestFormSaveClose">创建新单</el-button>
            <el-button type="primary" @click="onCheckApply">去看看</el-button>
        </div>
    </el-dialog>
</template>
<style scoped>
    .labelName{
        float: right;
        width: 100%;
    }
</style>
<script>

    export default{
        props: {
            requestFormSaveVisible: null,
            applyNo: ''
        },
        methods:{
            RequestFormSaveClose() { // 关闭弹窗
                this.$emit('hiddenRequestFormSave');
            },
            onCheckApply() {  // 加入
                this.$emit('hiddenRequestFormSave');
                this.$router.push('/platform/Record');
            }
        }
    }
</script>
